﻿<div id="dlg_BuscarTecnico" title="Buscar Técnico">
    <div class="toolbar">
        <a id="btn_BuscarCliente" role="button" class="btn btn-sm btn-primary"><i class="icon-save"></i>&nbsp;Buscar Cliente</a>
        <a id="btn_CancelarCliente" role="button" class="btn btn-sm btn-default"><i class="icon-remove"></i>&nbsp;Cancelar</a>
    </div>

    <div class="col-sm-12">
        <div class="row col-sm-12 no-margin no-padding">
            <div class="col-sm-12 no-padding">
                <label>Buscar cliente por:</label>
            </div>
            <div class="col-sm-4 no-padding">
                <input id="ddl_BuscarClienteFiltro" data-role="dropdownlist" data-auto-bind="false" data-value-primitive="true"
                    data-bind="" data-value-field="Value" data-text-field="Text" style="width: 100%" />
            </div>
            <div class="col-sm-8 no-padding-right">
                <div class="controls">
                    <input id="txt_Filter" class="form-control focused" type="text" data-bind="">
                </div>
            </div>
        </div>

        <div class="space-4"></div>

        <div class="row col-sm-12 no-margin no-padding">
            <div id="grd_Variables" data-role="grid" style="width: auto" data-bind="source: clientesDS"
            data-column="true" data-navigatable="true" data-selectable="row" data-sortable="true"                    
            data-columns='[        
                { "field": "Value",   "title": "Código",    "width": "20px" },
                { "field": "Text",    "title": "Nombres",    "width": "100px"  },
                { "field": "Text",    "title": "Calificación",    "width": "100px"  },
            ]'>
            </div>
        </div>

        <div class="col-sm-12 align-center">
            <div class="space-4"></div>
            <button id="btn_Aceptar" class="btn btn-sm btn-primary">Seleccionar</button>
            <button id="btn_Cancelar" class="btn btn-sm btn-default">Cancelar</button>
        </div>
    </div>
</div>

<script>
    var BuscarClienteVM;

    $(document).ready(function () {
        BuscarClienteVM = new kendo.observable({
            clientesDS: grd_ClientesDS
        });

        kendo.bind('#dlg_BuscarTecnico', BuscarClienteVM);
    });
</script>